<template>
	<view class="page">
		<image class="header-bg" src="../../static/bg_06.png" mode="widthFix"></image>
		
		<view class="form-wrap">
			<view class="form-group form-group__checkbox">
				<view class="form-group__title require">消费类型</view>
				<view class="form-group__con ">
					<view class="op op-active" @click="muSelect()">服务</view>
					<view class="op">就诊</view>
				</view>
			</view>
			
			<view class="form-group">
				<view class="form-group__title require">消费总额</view>
				<view class="form-group__con">
					<input class="form-group__from" name='vals' type="number" placeholder="请输入消费总金额" placeholder-class="placeholder-class" />
				</view>
			</view>
			
			<view class="form-group ss">
				<view class="desc">会员卡优惠0元(0折)</view>
				<view class="con">
					实付款：<text class="money">￥0.00</text>
				</view>
			</view>
		</view>
		
		<view class="success-btns">
			<view class="btn">钱包支付</view>
			<view class="" style="width: 30px;"></view>
			<view class="btn">微信支付</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.header-bg{
		width: 100%;
	}
	.ss{
		display: flex;
		justify-content: space-between;
	}
	.con{
		font-size: $font-size-26;
		color: #ff3535;
		.money{
			font-weight: bold;
		}
	}
	.success-btns{
		justify-content: center;
	}
</style>
